<template>
  <div class="partner-carousel swiper">
    <div class="swiper-wrapper" style="">
      <div class="swiper-slide" style="">
        <div class="item">
          <a href="javascript:;">
            <img src="assets/images/partner/partner-1.png" alt="partner" />
          </a>
        </div>
      </div>
      <div class="swiper-slide" style="">
        <div class="item">
          <a href="javascript:;">
            <img src="assets/images/partner/partner-2.png" alt="partner" />
          </a>
        </div>
      </div>
      <div class="swiper-slide" style="">
        <div class="item">
          <a href="javascript:;">
            <img src="assets/images/partner/partner-3.png" alt="partner" />
          </a>
        </div>
      </div>
      <div class="swiper-slide" style="">
        <div class="item">
          <a href="javascript:;">
            <img src="assets/images/partner/partner-4.png" alt="partner" />
          </a>
        </div>
      </div>
      <div class="swiper-slide" style="">
        <div class="item">
          <a href="javascript:;">
            <img src="assets/images/partner/partner-5.png" alt="partner" />
          </a>
        </div>
      </div>
    </div>
    <div class="swiper-navigation disabled"></div>
    <div class="swiper-pagination disabled"></div>
  </div>
</template>

<script setup>
import {
  reactive,
  toRefs,
  onBeforeMount,
  onMounted,
  getCurrentInstance,
  defineComponent,
} from "vue";

// const Component = defineComponent({});

const { proxy } = getCurrentInstance();

const props = defineProps({});

const data = reactive({});
const {} = toRefs(data);

onBeforeMount(() => {});
onMounted(() => {
  var partnerCarousel = new Swiper(".partner-carousel", {
    modules: [Navigation, Pagination, Controller],
    slidesPerView: 3,
    spaceBetween: 10,
    loop: true,
    autoplay: {
      delay: 2000,
      disableOnInteraction: false,
    },
    // 如果需要分页器
    pagination: {
      el: ".swiper-pagination",
      type: "bullets",
    },
    // 如果需要前进后退按钮
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },

    // 如果需要滚动条
    scrollbar: {
      el: ".swiper-scrollbar",
    },

    on: {
      click: function (swiper, event) {},
    },
  });
});

const methods = {};
</script>
<style lang="scss" scoped></style>
